﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="QLHD.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

    <link href="/Styles/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/Styles/londinium-theme.css" rel="stylesheet" type="text/css">
    <link href="/Styles/styles.css" rel="stylesheet" type="text/css">
    <link href="/Styles/icons.css" rel="stylesheet" type="text/css">
    <link href="/http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

    <script type="text/javascript" src="/Scripts/plugins/charts/sparkline.min.js"></script>

    <script type="text/javascript" src="/Scripts/plugins/forms/uniform.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/select2.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/inputmask.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/autosize.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/inputlimit.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/listbox.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/multiselect.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/validate.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/tags.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/switch.min.js"></script>

    <script type="text/javascript" src="/Scripts/plugins/forms/uploader/plupload.full.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/uploader/plupload.queue.min.js"></script>

    <script type="text/javascript" src="/Scripts/plugins/forms/wysihtml5/wysihtml5.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/forms/wysihtml5/toolbar.js"></script>

    <script type="text/javascript" src="/Scripts/plugins/interface/daterangepicker.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/interface/fancybox.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/interface/moment.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/interface/jgrowl.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/interface/datatables.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/interface/colorpicker.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/interface/fullcalendar.min.js"></script>
    <script type="text/javascript" src="/Scripts/plugins/interface/timepicker.min.js"></script>

    <script type="text/javascript" src="/Scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="/Scripts/application.js"></script>

    <script type="text/javascript">
   
        $(document).ready(function() {
            $("#form1").validate({
                rules: {
                    <%=txtName.UniqueID %>:{
                        required:true
                    },
                    <%=txtPass.UniqueID %>: {
                    required: true
                }, messages: {
                    <%=txtName.UniqueID %>:{
                        required: "Mời bạn điền Họ tên"
                    }
                }
                    
                }
            });
               
            $('#txtName').focus();

        });
</script>
</head>
<body class="full-width page-condensed">
    <form id="form1" runat="server">
        <!-- Navbar -->
	<div class="navbar navbar-inverse" role="navigation">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-right">
				<span class="sr-only">Toggle navbar</span>
				<i class="icon-grid3"></i>
			</button>
			<a class="navbar-brand" href="login_simple.html#">Admicro</a>
		</div>

		
	</div>
	<!-- /navbar -->


	<!-- Login wrapper -->
	<div class="login-wrapper">
		<div class="popup-header">
			<a href="login_simple.html#" class="pull-left"></a>
			<span class="text-semibold">Thông tin đăng nhập</span>
			
		</div>
		<div class="well validate formLogin">
			<div class="form-group has-feedback">
				<label>Tên đăng nhập</label>
                <asp:TextBox ID="txtName" ClientIDMode="Static" runat="server" class="required form-control"></asp:TextBox>
				<i class="icon-users form-control-feedback"></i>
			</div>

			<div class="form-group has-feedback">
				<label>Mật khẩu</label>
                <asp:TextBox ID="txtPass" TextMode="Password" runat="server" class="required form-control"></asp:TextBox>
				<i class="icon-lock form-control-feedback"></i>
			</div>

			<div class="row form-actions">
				<div class="col-xs-6">
					<div class="checkbox checkbox-success">
					<label>
						<input type="checkbox" class="styled" id="chkRemember" runat="server">Ghi nhớ
					</label>
					</div>
				</div>

				<div class="col-xs-6">
                    <asp:Button ID="btnLogin" runat="server" Text="Đăng nhập" CssClass="btn btn-warning pull-right" OnClick="btnLogin_Click" />
				</div>
			</div>
		</div>
	</div>  
        <asp:Literal ID="ltrScript" runat="server"></asp:Literal>
	<!-- /login wrapper -->
    </form>
</body>
</html>

